<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8">
<link rel="stylesheet" href="../../common/css/sapar.css" />
<link rel="stylesheet" type="text/css" href="../../common/css/common.css" />
<script type="text/javascript" src="../../common/js/jquery.js"></script>
<script type="text/javascript" src="../../common/js/sapar.js"></script>
<script type="text/javascript" src="../../common/js/WdatePicker.js"></script>
<title>清洗消毒</title>
<style  type="text/css">
	#left{
		float:left; width:100%;
	}
	#saper-container{float:left;width:100%;background: url(../images/dian.png) repeat-y 69% 0;}
	#table_left{float:left; width:68%;min-height:300px}
	#right{
		float:right; width:30%;min-height:300px
	}
</style>
</head>

<body>
<div id="left">
	<div id="saper-container">
        <div id="saper-hd"></div>
        <div id="saper-bd">
            <div class="subfiled clearfix">
                <h2>清洗消毒</h2>
            </div>
            <div class="subfiled-content">
                <div class="search-box clearfix">
                    <div class="kv-item clearfix">
                        <label>清洗批次：</label>
                        <div class="kv-item-content">
                            <input type="text" placeholder="清洗批次" name="qxpc">
                        </div>
                    </div>
                    
                    <div class="kv-item clearfix">
                        <label>最近时间：</label>
                        <!-- <div class="kv-item-content">
                            <select>
                                <option>全部</option>
                                <option>最近1天</option>
                                <option>最近7天</option>
                            </select>
                        </div> -->
                       <div class="nav_list">
                       		<ul>
                       			<li>全部</li>
                       			<li>最近1天</li>
                       			<li>最近7天</li>
                       		</ul>
                       </div>
                       <style>
                       		.nav_list{float:left}
                       		.nav_list ul{float:left}
                       		.nav_list ul li{float:left;padding: 0 10px;height: 30px;;line-height: 30px;font-size: 14px;color: #333}
                      		.nav_list ul li.native{background-color:#6ab96e;color: #fff}
                       </style>
                       <script>
                       	$(function(){
                       		$(".nav_list li").on("click",function(){
                       			$(this).addClass("native").siblings().removeClass("native");
                       			alert("你取到的值："+$(this).html());
                       		});
                       	});
                       </script>
                    </div>
                      
                    <a href="javascript:;" class="sapar-btn sapar-btn-recom query-btn">查询</a>
                </div>
                

                <!--表格开始-->
                <div id="table_left" class="table">
                    <!--表格操作-->
                    <div class="table-operate ue-clear">
                    	<a href="javascript:;" class="view">查看</a>
                        <a href="javascript:;" class="add">添加</a>
                        <a href="javascript:;" class="edit">修改</a>
                        <a href="javascript:;" class="del">删除</a>
                    </div>
                    <!--表格具体内容-->
                    <div class="table-box">
                        <table>
                            <thead>
                                <tr>
                                    <th>清洗流水</th>
                                    <th>清洗机器</th>
                                    <th>清洗软件</th>
                                    <th>清洗人名称</th>
                                    <th>清洗开始时间</th>
                                    <th>清洗结束时间</th>
                                    <th>清洗状态</th>
                                    <th>审核状态</th>
                                    <th>数据日期</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><a class="blue bold" href="javascript:;">12121212</a></td>
                                    <td>HZ7T6L</td>
                                    <td>GS7482</td>
                                    <td>GS7482</td>
                                    <td>2014-12-13 12:00:22</td>
                                    <td>2014-12-13 15:00:00</td>
                                    <td>清洗完成</td>
                                    <td>清洗合格</td>
                                    <td>2014-12-13 11:00:00</td>
                                </tr>
                                 <tr>
                                    <td><a class="blue bold" href="javascript:;">12121111</a></td>
                                    <td>HZ7T6L</td>
                                    <td>GS7482</td>
                                    <td>GS7482</td>
                                    <td>2014-12-13 12:00:22</td>
                                    <td>2014-12-13 15:00:00</td>
                                    <td>清洗中</td>
                                    <td>清洗合格</td>
                                    <td>2014-12-13 11:00:00</td>
                                </tr>
                                 <tr>
                                    <td><a class="blue bold" href="javascript:;">12121212</a></td>
                                    <td>HZ7T6L</td>
                                    <td>GS7482</td>
                                    <td>GS7482</td>
                                    <td>2014-12-13 12:00:22</td>
                                    <td>2014-12-13 15:00:00</td>
                                    <td>清洗完成</td>
                                    <td>清洗合格</td>
                                    <td>2014-12-13 11:00:00</td>
                                </tr>
                                 <tr>
                                    <td><a class="blue bold" href="javascript:;">12121111</a></td>
                                    <td>HZ7T6L</td>
                                    <td>GS7482</td>
                                    <td>GS7482</td>
                                    <td>2014-12-13 12:00:22</td>
                                    <td>2014-12-13 15:00:00</td>
                                    <td>清洗中</td>
                                    <td>清洗合格</td>
                                    <td>2014-12-13 11:00:00</td>
                                </tr>
                                 <tr>
                                    <td><a class="blue bold" href="javascript:;">12121212</a></td>
                                    <td>HZ7T6L</td>
                                    <td>GS7482</td>
                                    <td>GS7482</td>
                                    <td>2014-12-13 12:00:22</td>
                                    <td>2014-12-13 15:00:00</td>
                                    <td>清洗完成</td>
                                    <td>清洗合格</td>
                                    <td>2014-12-13 11:00:00</td>
                                </tr>
                                 <tr>
                                    <td><a class="blue bold" href="javascript:;">12121111</a></td>
                                    <td>HZ7T6L</td>
                                    <td>GS7482</td>
                                    <td>GS7482</td>
                                    <td>2014-12-13 12:00:22</td>
                                    <td>2014-12-13 15:00:00</td>
                                    <td>清洗中</td>
                                    <td>清洗合格</td>
                                    <td>2014-12-13 11:00:00</td>
                                </tr>
                                 <tr>
                                    <td><a class="blue bold" href="javascript:;">12121212</a></td>
                                    <td>HZ7T6L</td>
                                    <td>GS7482</td>
                                    <td>GS7482</td>
                                    <td>2014-12-13 12:00:22</td>
                                    <td>2014-12-13 15:00:00</td>
                                    <td>清洗完成</td>
                                    <td>清洗合格</td>
                                    <td>2014-12-13 11:00:00</td>
                                </tr>
                                 <tr>
                                    <td><a class="blue bold" href="javascript:;">12121111</a></td>
                                    <td>HZ7T6L</td>
                                    <td>GS7482</td>
                                    <td>GS7482</td>
                                    <td>2014-12-13 12:00:22</td>
                                    <td>2014-12-13 15:00:00</td>
                                    <td>清洗中</td>
                                    <td>清洗合格</td>
                                    <td>2014-12-13 11:00:00</td>
                                </tr>
                                 <tr>
                                    <td><a class="blue bold" href="javascript:;">12121212</a></td>
                                    <td>HZ7T6L</td>
                                    <td>GS7482</td>
                                    <td>GS7482</td>
                                    <td>2014-12-13 12:00:22</td>
                                    <td>2014-12-13 15:00:00</td>
                                    <td>清洗完成</td>
                                    <td>清洗合格</td>
                                    <td>2014-12-13 11:00:00</td>
                                </tr>
                                 <tr>
                                    <td><a class="blue bold" href="javascript:;">12121111</a></td>
                                    <td>HZ7T6L</td>
                                    <td>GS7482</td>
                                    <td>GS7482</td>
                                    <td>2014-12-13 12:00:22</td>
                                    <td>2014-12-13 15:00:00</td>
                                    <td>清洗中</td>
                                    <td>清洗合格</td>
                                    <td>2014-12-13 11:00:00</td>
                                </tr>
                                 <tr>
                                    <td><a class="blue bold" href="javascript:;">12121212</a></td>
                                    <td>HZ7T6L</td>
                                    <td>GS7482</td>
                                    <td>GS7482</td>
                                    <td>2014-12-13 12:00:22</td>
                                    <td>2014-12-13 15:00:00</td>
                                    <td>清洗完成</td>
                                    <td>清洗合格</td>
                                    <td>2014-12-13 11:00:00</td>
                                </tr>
                                 <tr>
                                    <td><a class="blue bold" href="javascript:;">12121111</a></td>
                                    <td>HZ7T6L</td>
                                    <td>GS7482</td>
                                    <td>GS7482</td>
                                    <td>2014-12-13 12:00:22</td>
                                    <td>2014-12-13 15:00:00</td>
                                    <td>清洗中</td>
                                    <td>清洗合格</td>
                                    <td>2014-12-13 11:00:00</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div><!--表格结束-->
            <div id="right">
<!--表格开始-->
    <div class="table">
	<div class="table-box">
                        <table>
                            <thead>
                                <tr>
                                    <th>网篮条码</th>
                                    <th>包条码</th>
                                    <th>包名称</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>HZ7T6L</td>
                                    <td>GS7482</td>
                                    <td>GS7482</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    </div>
</div>
            </div>
        </div>
        <div id="saper-ft"></div>
    </div>


    
   </div> 
<script type="text/javascript">
	$(function(){
		$(".view").click(function(){
			window.location.href="detail.html";
		});
		$(".add").click(function(){
			window.location.href="add.html";
		});
	});
</script>  
</body>
</html>